var savedAttribute, int;

document.getElementById('search-field').onfocus = function() {
	highlightElement('search-bar');
};

document.getElementById('search-field').onblur = function() {
	recoverElementBoxShadow('search-bar');
};

function highlightElement(id) {
	savedAttribute = document.getElementById(id).style.boxShadow;
	document.getElementById(id).style.boxShadow = "0px 0px 2px 2px #af9999";
}

function recoverElementBoxShadow(id) {
	document.getElementById(id).style.boxShadow = savedAttribute;
}